@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 12px/200% "微软雅黑"; color:#1c2b44;text-align:center;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/200% "微软雅黑";}
li,p{text-align:left;font:normal 12px/200% "微软雅黑";}
a:link,a:visited{color:#1c2b44; text-decoration:none;}
a:hover{color:#1c2b44; text-decoration:underline;}
img{ border:none;}
ol,ul,li{list-style:none;}
em,i{ font-style:normal;} 
/*clear*/
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*other*/
h1,h2,h3,h4,h5,h6{ text-align:left;font:normal 12px/200% "微软雅黑";}
.w1000{ width:1000px;}
.fl{ float:left;}
.fr{ float:right;}
.blue,.blue a:link,.blue a:visited,.blue a:hover{ color:#144e9b;}
.white,.white a:link,.white a:visited,.white a:hover{ color:#fff;}
.grey,.grey a:link,.grey a:visited,.grey a:hover{ color:#666;}

/*header*/
.header{ padding:40px 0 30px;}
.header .fl{ width:355px;}
.header .fr{ width:640px;position: relative;}
.header .fr h1{ clear:both; text-align:right; line-height:31px; font-size:18px; margin-bottom:6px; margin-top:10px;}
.header .fr h1 i{ color:#e5e5e5; padding:0 10px;}
.header .fr h1 img{ vertical-align:middle; margin-bottom:6px; margin-right:15px;}
.header .fr>ul{ background:url(images/icon02.png) 0 20px no-repeat; float:right; padding-left:12px;margin-right: 30px;}
.header .fr>ul li{ float:left; font-size:20px; padding:0 4px 0 10px; text-align:center;}
.header .fr>ul li i{ font-size:16px; padding:0 12px; color:#fbf05a;}
.header .clo-btn div{width:20px;height:2px;background: #1c2b44;margin: 6px 0;transition: all 0.5s;}
.header .clo-btn{float: right;margin-left: 10px;z-index: 100;position: absolute;top: 58px;right: 0px;cursor: pointer;}
.rotate1{transform: rotate(-45deg);transform-origin:right center;margin: 12px 0 !important;background: #fbf05a !important;}
.rotate2{transform: rotate(45deg);transform-origin:right center;margin: 12px 0 !important;background: #fbf05a !important;}
.header-list{width: 680px; height: 670px;background: #144e9b;position: absolute;top: 45px;
right: -100px;z-index: -1;padding: 40px 50px;box-sizing: border-box;transition: all 0.5s;opacity: 0;}
.header-list>ul{width: 100%;height: 100%;background: none !important;}
.header-list>ul>li{width: 140px;height: 100%;border-right: 1px solid #0d438b;padding-left: 25px;box-sizing: border-box;float: left;}
.header-list>ul>li span{display: block;font: normal 20px/42px "微软雅黑";width: 100%;color: #ffd800;margin-bottom: 20px;}
.header-list>ul>li ul{width: 100%;height: 100%;}
.header-list>ul>li ul li{width: 100%;font: normal 14px/36px "微软雅黑";color: #fff;}
.header-list>ul>li ul li>a{color: #fff;}

.title_h1{ text-align:center; margin:40px auto 10px;}
.title_h1 img{ margin:0 auto;}
.title_h2{ text-align:center; margin:-30px auto 60px;}
.title_h2 i{ font-size:18px; margin-left:10px; margin-right:10px; padding-left:10px; padding-right:10px; color:#999; line-height:140%;cursor:pointer;}
.title_h2 i a{color:#999;}
.title_h2 i:hover{ background:url(images/line01.png) bottom repeat-x; color:#172c54;}
.title_h2 i:hover a{color:#172c54;}
.title_h2 i a{ text-decoration:none;}
.title_qh i.this{background:url(images/line01.png) bottom repeat-x; color:#172c54;}
/*p1*/
.p1_con img{ width:100%; height:auto;}
.swiper-container2 {
    height: auto;
    width: 100%;
    position: relative;
    box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.2);
    overflow:hidden;
  }
  .swiper-container2 .swiper-wrapper {
    transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
  }
  .swiper-container2 .swiper-slide {
    position: relative;
    color: #fff;
    overflow: hidden;
  }
  .swiper-container2 .swiper-slide img{
    width:100%;
} 
.swiper-container2 .swiper-pagination-bullet{
    width: 45px !important;
    height: 4px !important;
    border-radius: 0 !important;
    background: #144e9b !important;
    opacity: 1 !important;
}
.swiper-container2 .swiper-pagination-bullet-active{
    background: #f9eb1f !important;
}

/*p2*/

.p2_con{}
.p2_con .fl{ width:470px;}
.p2_con .fl h1{ font-size:20px; font-weight:700;}
.p2_con .fl p{ color:#666; font-size:14px; margin:5px auto 15px; line-height:170%;}
.p2_con .fl ul{}
.p2_con .fl ul li{ font-size:16px;}
.p2_con .fr{ width:500px; padding-top:10px;}

#box2{width:500px;height:332px;position:relative;}
#box2 ul li{position:absolute;line-height:160%;}
#box2 ul li img{display:block;}
#box2 ul li span{position:absolute;top:282px;width:500px; background:#f9eb1f; height:50px; line-height:50px; text-align:center; font-size:16px;}
#box2 ol{position:absolute;top:345px;left:40%;}
#box2 ol li.active{background:url(images/dot01.png) no-repeat;display:block;}
#box2 ol li{background:url(images/dot02.png) no-repeat;float:left;text-align:center;height:10px;width:10px;cursor:pointer;padding:0 5px;text-indent:-9999px;}


/*p3*/


/*p4*/
.p4_con{}
.p4_con ul{ margin-left:-20px;}
.p4_con ul li{ float:left; width:320px; margin-left:20px; margin-bottom:20px; text-align:center;}
.p4_con ul li p{ width:320px; height:206px; overflow:hidden;}
.p4_con ul li img{ display:block; margin-bottom:4px;cursor:pointer; transition: all 0.6s;}
.p4_con ul li img:hover{ transform: scale(1.1);}


/*p5*/
.p5_con{ margin-bottom:100px;}
/* .p5_con ul{ margin-left:-90px;}
.p5_con ul li{ float:left; width:182px; text-align:center; margin-left:90px; margin-bottom:40px;}
.p5_con ul li p{ display:block; background:url(images/bg01.png) no-repeat; width:182px; height:182px; overflow:hidden;border-radius: 50%;}
.p5_con ul li p img{ display:block; margin:66px auto 0;}
.p5_con ul li h2{ text-align:center; margin:18px auto 0;}
.p5_con ul li h2 b{ font-weight:400; margin-bottom:4px; font-size:24px; text-align:center; display:block;}
.p5_con ul li h2 i{ text-align:center; background:#f9eb1f; padding:0 2px;} */

.p5_con ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.p5_con ul li{width: 20%;}
.p5_con ul li a{ text-decoration:none;}
.p5_con ul li:nth-child(n+6){margin-top: 45px;}
.p5_con ul li h2{ text-align:center; margin:18px auto 0;}
.p5_con ul li h2 b{ font-weight:400; margin-bottom:4px; font-size:20px; text-align:center; display:block;}
.p5_con ul li h2 i{ text-align:center; background:#f9eb1f; padding:0 2px;}
.circle_process{
    position: relative;
    width: 148px;
    height : 148px;
    background: #f9f9f9;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
}
.circle_process img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.circle_process .wrapper{
    width: 74px;
    height: 148px;
    position: absolute;
    top:0;
    overflow: hidden;
}
.circle_process .right{
    right:0;
}
.circle_process .left{
    left:0;
}
.circle_process .circle{
    width: 146px;
    height: 146px;
    border:1px solid transparent;
    border-radius: 50%;
    position: absolute;
    top:0;
    transform : rotate(-135deg);
}
.circle_process:hover .rightcircle{
    -webkit-animation: circle_right 1s linear;
}
.circle_process:hover .leftcircle{
    -webkit-animation: circle_left 1s linear;
}
.circle_process .rightcircle{
    border-top:1px solid #144e9b;
    border-right:1px solid #144e9b;
    right:0;
}
.circle_process .leftcircle{
    border-bottom:1px solid #144e9b;
    border-left:1px solid #144e9b;
    left:0;
}
@-webkit-keyframes circle_right{
    0%{
        -webkit-transform: rotate(-135deg);
    }
    50%,100%{
        -webkit-transform: rotate(45deg);
    }
}
@-webkit-keyframes circle_left{
    0%,50%{
        -webkit-transform: rotate(-135deg);
    }
    100%{
        -webkit-transform: rotate(45deg);
    }
}


/*p6*/
.p6_con{ margin-bottom:30px;}
.p6_con div:nth-child(1){margin-left:20px;}
.p6_con div{ width:200px; float:left; margin:0 0 0 60px;}
.p6_con div h2{ font-size:24px; color:#325192; padding-left:12px; line-height:170%; background:url(images/line04.png) left bottom no-repeat;}
.p6_con div ul{ margin-top:20px;}
.p6_con div ul li{ font-size:14px;}

/*p7*/
.p7_bg{ background:#325192; padding-bottom:50px;}
.p7_con{background:url(images/line03.png) center repeat-y;}
.p7_con ul{ margin-left:-140px;}
.p7_con ul li{ width:240px; float:left; margin-left:140px;}
.p7_con ul li h2{ font-size:24px; background:url(images/line02.png) bottom left no-repeat; line-height:170%;}
.p7_con ul li p{ font-size:14px; padding-top:35px;}



.copyright_bg{ padding:20px 0; background:#3e619f;}

/*2j*/
.p2j_text_title{ border-top:10px #16377c solid; padding-top:120px;}
.p2j_text_title h1{ text-align:center; font-size:48px; font-weight:bold; line-height:120%; padding-bottom:20px;}
.p2j_text_title h2{ text-align:center; font-size:18px;}
.p2j_text_title h3{ text-align:center; font-size:18px;}
.p2j_text_title .pic_01{ margin:20px auto 20px; text-align:center; font-size:18px;}
.p2j_text_title .pic_01 img{ background:url(images/bg_pic.jpg) no-repeat; width:922px; height:522px; padding:38px 39px 200px 39px; text-align:center; margin:38px auto 0;}
.p2j_text_con{ background:url(images/bg_text.gif) left top repeat-y #fff; margin-bottom:120px;}
.p2j_text_con .fl{ width:150px; overflow:hidden;}
.p2j_text_con .fl p{ font-size:88px; line-height:100%; margin:-11px auto auto -7px;}
.p2j_text_con .fr{ width:850px;}
.p2j_text_con .fr h1{ font-weight:normal; display:block; font-size:48px; line-height:120%; margin:20px auto 50px;text-align: justify;}
.p2j_text_con .fr .text_box{ margin-bottom:50px;}
.p2j_text_con .fr .text_box p{ font-size:16px; line-height:220%;text-align: justify; padding-bottom:15px; text-indent:2em;}
.p2j_text_con .fr .more_link{ text-align:right; padding:30px 0 20px;}
.p2j_text_con .fr .more_link span{ font-size:18px; background:#fff319; border-radius:30px; padding:15px 40px;}
.p2j_text_con .fr .editor{ text-align:right; padding-top:30px;}

.p2j_text_bottom{ margin-bottom:100px;}
.p2j_text_bottom h1{ font-size:48px; text-align:center; margin:0 auto 40px;}
.p2j_text_bottom h2{ text-align:center; border-bottom:#ccc 1px solid; padding-bottom:120px;}
.p2j_text_bottom h2 span{font-size:30px;  background:#fff319; border-radius:30px; padding:12px 30px;}
.p2j_text_bottom h3{ padding:110px 0 50px;float:left; width:100%;}
.p2j_text_bottom h3 p{ font-size:48px; width:350px; float:left; text-align:center; margin-left:85px; line-height:100%;}
.p2j_text_bottom h3 p i{ background:#fff319; color:#999; font-size:14px; padding:0 2px;}
.p2j_text_bottom h3 p em{ display:block;}
.p2j_text_bottom .t01{ text-align:center;}
.p2j_text_bottom .t01 img{ margin:0 auto;}



/*2jlist*/
.p2j_list_title{ border-top:#16377c 10px solid;}
.p2j_list_title h2{ width:900px; padding-left:100px; font-size:30px; margin:0 auto; padding-top:30px;}
.p2j_list_con{ background:url(images/bg_text.gif) left repeat-y; margin:10px auto 100px;}
.p2j_list_con ul{ margin:15px auto; width:80%;}
.p2j_list_con ul li{ color:#666; background:url(images/dot.gif) 0 20px no-repeat; padding-left:20px; font-size:12px; text-align:right;line-height:360%;}
.p2j_list_con ul li a{ font-size:18px; float:left; color:#000;}
.p2j_list_con ul li a:hover{ color:#000;}

.page_n{text-align:center;padding:60px 0;}
.page_n a{border:#dddad2 1px solid;background:#f7f6f3;padding:10px 15px;margin:0 5px;}
.page_n a.common_current_page,.page_n a:hover{background:#325192;color:#fff;text-decoration:none;border:1px solid #fff;}

.code{
  position: fixed;
  width: 110px;
  right: 50px;
  bottom: 60px;
  z-index: 99;
}
.code p{
  font: normal 16px/24px "Microsoft Yahei";
  color: #000;
  text-align: center;
}